<template>
  <dl @click="handleClick">
    <dt>
      <img :src="v.url" alt="" />
    </dt>
    <dd>
      <h3>{{ v.title }}</h3>
      <p>{{ v.desc }}</p>
    </dd>
  </dl>
</template>


<script>
export default {
	props: {
		v: Object
	},
	methods: {
		handleClick() {
			this.$emit('handleClick')
		}
	}
}
</script>


<style scoped lang="scss">
 dl {
    width: 50%;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    dt {
      img {
        width: 100%;
      }
    }
    dd {
      text-align: center;
    }
  }
</style>
